import { ref, reactive, computed, watch, onMounted, onUnmounted } from "vue";
import { defineStore, acceptHMRUpdate } from "pinia";

export const useCounterStore = defineStore("counter", () => {
  let navVisible = ref(false);
  const navClick = () => {
    navVisible.value = !navVisible.value;
  };
  const count = ref(0);

  let musicword = ref(21);
  const hrefs2 = reactive([
    {
      to: "/tools",
      name: "index1",
      icon: "bi bi-plugin",
    },
    {
      icon: "bi bi-braces-asterisk",
      to: "/tools",
      name: "index2",
    },
    {
      to: "/tools",

      icon: "bi bi-code-square",
      name: "index3",
    },
    {
      icon: "bi bi-cone-striped",
      to: "/tools",
      name: "index4",
    },
    {
      to: "/tools",

      icon: "bi bi-bug-fill",
      name: "index5",
    },
    {
      icon: "bi bi-link-45deg",
      to: "/tools",
      name: "index6",
    },
  ]);
  const hrefs3 = reactive([
    { name: "righthrefs", icon: "bi bi-people-fill", to: "/work" },
    { name: "righthrefs1", icon: "bi bi-wechat", to: "/" },
    {
      name: "righthrefs2",
      icon: "bi bi-arrow-through-heart-fill",
      to: "/test2",
    },
    { name: "righthrefs3", icon: "bi bi-virus", to: "/three" },
    { name: "righthrefs4", icon: "bi bi-rocket-fill", to: "/tools" },
    { name: "righthrefs5", icon: "bi bi-brightness-high-fill", to: "/work" },
    { name: "righthrefs6", icon: "bi bi-radioactive", to: "/test" },
  ]);
  const hrefs4 = reactive([
    {
      name: "righthrefs",
      icon: "bi bi-people-fill",
      to: "/work",
      indexPhoto: "",
      photo: [],
    },
    { name: "righthrefs1", icon: "bi bi-wechat", to: "/" },
    {
      name: "righthrefs2",
      icon: "bi bi-arrow-through-heart-fill",
      to: "/test2",
    },
    { name: "righthrefs3", icon: "bi bi-virus", to: "/three" },
    { name: "righthrefs4", icon: "bi bi-rocket-fill", to: "/tools" },
    { name: "righthrefs5", icon: "bi bi-brightness-high-fill", to: "/work" },
    { name: "righthrefs6", icon: "bi bi-radioactive", to: "/test" },
    { name: "righthrefs6", icon: "bi bi-radioactive", to: "/test" },
  ]);
  const doubleCount = computed(() => count.value * 2);
  const color = ref(true);
  const changecolor = () => {
    color.value = !color.value;
  };
  const mywidth = ref({
    width: 0,
    height: 0,
  });
  const Invention = ref([
    {
      title: "指南针",
      image: 0,
      description:
        "利用磁石的指极性制成，可辨别方向，在航海等领域作用重大，促进了中外交流。",

      details: {
        fullDescription:
          "指南针，古代叫司南，主要组成部分是一根装在轴上的磁针，磁针在天然地磁场的作用下可以自由转动并保持在磁子午线的切线方向上，磁针的南极指向地理南极(磁场北极)，利用这一性能可以辨别方向。常用于航海、大地测量、旅行及军事等方面。物理上指示方向的指南针的发明有三类部件，分别是司南、罗盘和磁针，均属于中国的发明。据《古矿录》记载最早出现于战国时期的磁山一带。指南针是中国古代劳动人民在长期的实践中对磁石磁性认识的结果。",
        sections: [
          {
            image: 1,
            title: "早期形制",
            content:
              "在中国的方位文化中经历了从天文学方法定位再以磁学方法制成司南，最后由司南演变成指南针的三个阶段，随之而来的是测定方位技术的不断完善。",
          },
          {
            image: 2,
            title: "司南",
            content:
              '司南是最早的磁性指向器。"司南"之称，始于战国（公元前475年—公元前221年），终止于唐代（公元618年—公元907年）。因为司南古义不断演化，使它与一系列的古代发明结下了不解之缘。',
          },
        ],
      },
    },
    {
      title: "浑天仪",
      image: 1,
      description:
        "中国古代重要的天文观测与演示仪器，集观测、演示功能于一体。它起源于汉代，落下闳始造，后经张衡等天文学家改进完善。",

      details: {
        fullDescription:
          "浑天仪，是浑仪和浑象的总称。浑仪是测量天体球面坐标的一种仪器，而浑象是古代用来演示天象的仪表。浑仪和浑象是反映浑天说的仪器。浑天仪发明者据说是西汉时期的落下闳，东汉时期科学家张衡进行改进。中国现存最早的浑天仪制造于明朝，陈列于南京紫金山天文台。",
        sections: [
          {
            image: 3,
            title: "浑象",
            content:
              "浑象的构造是一个大圆球上刻画或镶嵌星宿、赤道、黄道、恒隐圈、恒显圈等，类似天球仪。",
          },
          {
            image: 4,
            title: "浑仪",
            content:
              "浑仪是一观测仪器，内有窥管，亦称望管，用以测定昏、旦和夜半中星以及天体的赤道坐标，也能测定天体的黄道经度和地平坐标。浑仪由早期四游仪和赤道环组成。从汉代到北宋浑仪增加了黄道环、地平环、子午环、六合仪、白道环、内赤道环、赤经环",
          },
        ],
      },
    },
    {
      title: "火药",
      image: 2,
      description:
        "由古代炼丹家发明，到隋唐时期逐渐成熟。在民间用于烟花，在军事上则用于武器，改变了战争格局。",

      details: {
        fullDescription:
          "火药是武器发射弹丸的能源，按用途可分为点火药、发射药、固体推进剂。其中发射药又分为：枪用发射药、炮用发射药、弹射座椅发射药等。固体推进剂又分为火箭用固体推进剂、导弹用固体推进剂。外部特征按火药燃烧时外部特征可分为有烟药与无烟药：按火药燃烧时的表面积变化情况不同，可分为减面燃烧火药、恒面燃烧火药、增面燃烧火药。成型工艺按火药成型工艺可分为：压制火药、铸造火药、混合火药等。按火药的某些特点可分为易挥发性火药、难挥发性火药。",
        sections: [
          {
            image: 5,
            title: "特征",
            content:
              "外部特征按火药燃烧时外部特征可分为有烟药与无烟药：按火药燃烧时的表面积变化情况不同，可分为减面燃烧火药、恒面燃烧火药、增面燃烧火药。",
          },
          {
            image: 6,
            title: "历史演变",
            content:
              "火药最早源于中国古代炼丹家的意外发现，后被逐渐用于烟花和军事装备。唐代开始有黑火药的记载，宋代火药军事应用逐渐成熟，形成了火枪、火箭、炮等武器，对世界军事发展产生了深远影响。",
          },
        ],
      },
    },
    {
      title: "地动仪",
      image: 3,
      description:
        "地动仪是中国东汉时期天文学家张衡发明的世界上第一架测定地震方位的仪器。",

      details: {
        fullDescription:
          "地动仪是由东汉时期的科学家张衡发明的，用于检测地震的方向，是世界上第一台地震仪，比欧洲早了1700多年。其工作原理利用地震波传播和力学惯性原理，通过内部悬垂柱子指示地震方向。地动仪利用地震波传播和力学惯性原理，通过悬垂柱子、触发机构和杠杆机制，指示地震方向，铜丸落入蟾蜍口中报告地震。地动仪是一种古代科学仪器，利用地震波传播的原理和力学上的惯性原理来指示地震的方向。",
        sections: [
          {
            image: 7,
            title: "外部结构",
            content:
              "整体形状:地动仪的外部形状像一个大型的青铜酒樽，直径约为2米，高约1.5米。装饰图案:仪器的外部刻有篆文以及山、龟、鸟、兽等图形，增添了仪器的美观和神秘感。",
          },
          {
            image: 8,
            title: "内部结构",
            content:
              '都柱: 仪器的中央立着一根铜质"都柱"，这是地动仪的核心感应装置。当地震发生时，都柱会因地面震动而倾斜。八道: 都柱周围有八条通道，称为"八道"，这些通道与八个龙头相连。',
          },
        ],
      },
    },
  ]);

  const giantsList = ref([
    {
      name: "顾炎武",
      avatar: "0",
      audio: "gyw",
      years: "1613-1682",
      title: "明末清初著名思想家",
      description:
        '顾炎武（1613年－1682年），江苏昆山人，明末清初著名思想家、经学家、史学家和音韵学家。他出身没落官僚家庭，自幼好学，博览群书。明亡后，他积极参与抗清活动，失败后游历北方，考察地理，访求古籍，潜心学术研究。顾炎武主张"经世致用"，反对空谈，著有《日知录》《音学五书》等，对后世学术影响深远。1682年病逝于山西曲沃。',
      achievements: [
        "《画呈王山史先生》",
        "顾炎武书法",
        "《日知录》",
        "《音学五书》",
      ],
    },
    {
      name: "宋应星",
      avatar: "1",
      audio: "syx",
      years: "1587-1666",
      title: "明代著名科学家",
      description:
        '宋应星（1587年—约1666年），字长庚，江西奉新人，明代著名科学家、农学家和思想家。他自幼聪颖，早年科举屡试不第，后转向实学，游历各地考察民生工艺，晚年隐居著述。其代表作《天工开物》系统总结了明末农业、手工业技术，被誉为"中国17世纪的工艺百科全书"，另著有《论气》《谈天》等科学著作，展现了朴素的唯物主义思想，对后世科技发展影响深远。',
      achievements: [
        "《论气》中探讨物质运动规律",
        "《天工开物》",
        "《谈天》",
        "朴素唯物主义思想",
      ],
    },
    {
      name: "墨子",
      avatar: "2",
      audio: "mz",
      years: "约前470-前391",
      title: "战国初期思想家",
      description:
        '墨子（约前470—前391），名翟，战国初期思想家、政治家，墨家学派创始人。出身平民，精通手工技艺，早年学儒后自创墨家，主张"兼爱""非攻""尚贤""节用"，反对战争与奢侈。他带领弟子奔走列国，以逻辑辩论和防御战术闻名，曾成功阻止楚国攻宋。墨家组织严密，崇尚实践，与儒家并称"显学"。其思想载于《墨子》，包含哲学、科学、军事等内容，对中国逻辑学与工程技术有重要贡献。',
      achievements: ["小孔成像实验", "杠杆原理", "兼爱非攻思想", "墨家逻辑学"],
    },
    {
      name: "张衡",
      avatar: "3",
      audio: "zh",
      years: "78-139",
      title: "东汉著名科学家",
      description:
        '张衡（78年－139年），字平子，东汉著名科学家、文学家，南阳西鄂（今河南南阳）人。他精通天文、数学、机械制造，发明了世界最早的地动仪（候风地动仪）和浑天仪，提出"浑天说"，著有《灵宪》《算罔论》等科学著作；文学上以《二京赋》著称，擅长辞赋。曾任太史令，晚年任尚书，因病逝世。因其卓越贡献被后世尊为"科圣"，国际天文学联合会将月球背面一环形山命名为"张衡山"。',
      achievements: ["浑天仪", "候风地动仪", "浑天说", "《二京赋》"],
    },
    {
      name: "韩愈",
      avatar: "4",
      audio: "hy",
      years: "768-824",
      title: "唐代文学家",
      description:
        '韩愈（768—824），字退之，河南河阳人，自称"郡望昌黎"，世称"韩昌黎"，唐代文学家、思想家、政治家，古文运动领袖，"唐宋八大家"之首。他幼年丧父，刻苦求学，贞元八年（792）进士及第，历任监察御史、国子博士、刑部侍郎等职，因谏迎佛骨被贬潮州刺史，后召回任兵部侍郎、吏部侍郎。他倡导"文以载道"，反对骈文，复兴秦汉散文传统，代表作有《师说》《原道》《马说》等，其思想对宋代儒学复兴影响深远，卒谥"文"，故称"韩文公"。',
      achievements: ["《原道》", "《谏迎佛骨表》", "《师说》", "古文运动"],
    },
    {
      name: "李淳风",
      avatar: "5",
      audio: "lcf",
      years: "602-670",
      title: "唐代著名天文学家",
      description:
        "李淳风（602－670），唐代著名天文学家、数学家、易学家，岐州雍县（今陕西凤翔）人，精通天文历算，参与修订《麟德历》，改进浑天仪，著《乙巳占》奠定古代气象学基础，与袁天罡合著《推背图》闻名后世，官至太史令，是中国古代科技史上的重要人物。",
      achievements: ["惯性运动", "风力定级", "《麟德历》", "《乙巳占》"],
    },
    {
      name: "沈括",
      avatar: "6",
      audio: "sk",
      years: "1031-1095",
      title: "北宋著名科学家",
      description:
        '沈括（1031—1095），字存中，号梦溪丈人，北宋著名科学家、政治家。他博学多才，在天文、数学、地理、物理、化学、医学等领域均有卓越贡献，代表作《梦溪笔谈》被誉为"中国科学史上的里程碑"。他参与王安石变法，历任提举司天监、翰林学士等职，晚年退居润州梦溪园潜心著述。其科学成就领先时代，如发现地磁偏角、提出"石油"命名等，展现了宋代科技的高度。',
      achievements: ["地磁偏角发现", "共振现象", "《梦溪笔谈》", "石油命名"],
    },
    {
      name: "徐光启",
      avatar: "7",
      audio: "xgq",
      years: "1562-1633",
      title: "明代著名科学家",
      description:
        '徐光启（1562—1633），明代著名科学家、农学家、政治家，字子先，号玄扈，上海人。他早年科举入仕，官至礼部尚书兼文渊阁大学士，晚年致力于科学研究，与意大利传教士利玛窦合作翻译《几何原本》，引入西方数学知识，并编撰《农政全书》系统总结中国农业技术，推动中西文化交流，被誉为"中国近代科学先驱"。',
      achievements: [
        "引入欧几里得几何学",
        "《农政全书》",
        "中西文化交流",
        "《崇祯历书》",
      ],
    },
  ]);
  // 更新窗口尺寸
  const updateWindowSize = () => {
    // 在小程序环境中使用 uni.getSystemInfoSync
    try {
      const systemInfo = uni.getSystemInfoSync();
      mywidth.value = {
        width: systemInfo.windowWidth,
        height: systemInfo.windowHeight,
      };
    } catch (e) {
      console.error("获取系统信息失败：", e);
    }
  };

  let startstatus = ref(true);
  let progress = ref(0);
  let pushFrequency = ref(0);
  let progressStatus = ref(true);

  watch(progress, () => {
    progress.value >= 100
      ? (progressStatus.value = false)
      : (progressStatus.value = true);
  });

  const services = [
    {
      id: 1,
      name: "我的收藏",
      icon: "bi bi-heart",
      path: "/favorites",
    },
    {
      id: 2,
      name: "收货地址",
      icon: "bi bi-geo-alt",
      path: "/address",
    },
    {
      id: 3,
      name: "优惠券",
      icon: "bi bi-ticket-perforated",
      path: "/coupons",
    },
    {
      id: 4,
      name: "浏览历史",
      icon: "bi bi-clock-history",
      path: "/history",
    },
    {
      id: 5,
      name: "意见反馈",
      icon: "bi bi-chat-dots",
      path: "/feedback",
    },
  ];
  let footerNavs = [
    {
      name: "主页",
      to: "/",
      icon: "bi bi-house-door",
    },
    {
      name: "商城",
      to: "/shop",
      icon: "bi bi-shop ",
    },
    {
      name: "AR傩面",
      to: "/ar",
      icon: "bi bi-camera",
    },
    {
      name: "文化",
      to: "/culture",
      icon: "bi bi-book",
    },
    {
      name: "我的",
      to: "/my",
      icon: "bi bi-person",
    },
  ];
  const products = [
    {
      id: 1,
      name: "墨枢笔记本",
      description:
        "系列灵感源自中国古代物理实验场景，将传统文化的深厚底蕴与现代科学探索精神完美融合。每一页都仿佛带您穿越时空，亲历古代智慧的结晶。",
      price: 39.9,
      image: "notebook",
      category: "stationery",
      sales: 128,
      isNew: true,
    },
    {
      id: 2,
      name: "墨枢项链系列",
      description:
        "灵感源自中国古代伟大的物理发明，将千年智慧与现代设计完美结合。每一款吊坠都细致刻画了古代发明的精髓。",
      price: 99.9,
      image: "necklace",
      category: "accessories",
      sales: 256,
      isNew: true,
    },
    {
      id: 3,
      name: "墨枢纪念币",
      description:
        "以中国古代物理实验为主题，将历史与现代工艺完美结合。纪念币正面雕刻着古代科学家进行物理实验的场景。",
      price: 199.9,
      image: "coin",
      category: "collection",
      sales: 89,
      isNew: true,
    },
    {
      id: 4,
      name: "墨枢T恤",
      description:
        "系列灵感源自中国古代伟大的物理实验与发明，将千年智慧与现代时尚完美融合。每一款T恤都精心印制了古代科学家的经典形象。",
      price: 79.9,
      image: "tshirt",
      category: "clothing",
      sales: 167,
      isNew: true,
    },
    {
      id: 5,
      name: "墨枢徽章",
      description:
        "系列灵感源自中国古代伟大的物理实验与发明，将千年智慧与现代设计完美结合。每一枚徽章都精心刻画了古代科学家的经典形象。",
      price: 29.9,
      image: "badge",
      category: "accessories",
      sales: 312,
      isNew: true,
    },
    {
      id: 6,
      name: "墨枢陶瓷马克杯",
      description:
        "系列灵感源自中国古代伟大的物理实验与发明，将千年智慧与现代生活完美结合。每一款马克杯都精心印制了古代科学家的经典形象。",
      price: 49.9,
      image: "mug",
      category: "daily",
      sales: 198,
      isNew: true,
    },
    {
      id: 7,
      name: "墨枢鼠标垫",
      description:
        "系列灵感源自中国古代伟大的物理实验与发明，将千年智慧与现代办公生活完美结合。每一款鼠标垫都精心印制了古代科学家的经典形象。",
      price: 19.9,
      image: "mousepad",
      category: "daily",
      sales: 245,
      isNew: true,
    },
    {
      id: 8,
      name: "墨枢抱枕",
      description:
        "拥抱智慧，品味经典！以中国古代物理实验为灵感，精致还原了古代科学家的风采。",
      price: 69.9,
      image: "pillow",
      category: "daily",
      sales: 134,
      isNew: true,
    },
    {
      id: 9,
      name: "墨枢钥匙扣",
      description:
        "解锁智慧，传承经典！以中国古代物理实验为灵感，精致还原了古代智者的风采。",
      price: 24.9,
      image: "keychain",
      category: "accessories",
      sales: 289,
      isNew: true,
    },
    {
      id: 10,
      name: "墨枢帆布包",
      description:
        "穿越时空，智慧随行！以中国古代物理实验为主题，简洁设计却充满文化韵味。",
      price: 89.9,
      image: "bag",
      category: "daily",
      sales: 156,
      isNew: true,
    },
    {
      id: 11,
      name: "墨枢拼图",
      description:
        "探索古代智慧，感受物理之美。系列以中国古代物理实验为主题，精雕细琢，完美再现了古代科学家们的伟大成就。",
      price: 59.9,
      image: "puzzle",
      category: "collection",
      sales: 178,
      isNew: true,
    },
    {
      id: 12,
      name: "墨枢·物理大家盲盒全套",
      description:
        "5款精美手办，随机发货，收集全套更有惊喜。每款手办代表一位古代物理学家。",
      price: 369.9,
      image: "blindbox",
      category: "collection",
      sales: 423,
      isNew: true,
    },
    {
      id: 13,
      name: "墨枢·宋小星盲盒",
      description:
        "身着传统服饰，手握智慧之钥，象征着古代科学家对自然规律的深刻理解与不懈探索。每一次开启，都是一次与历史对话的机会，让你在现代科技的脉络中，感受古代智慧的脉动。无论是收藏还是馈赠，都是对科学精神的致敬与传承。让墨板·物理大家盲盒，成为你连接过去与未来的桥梁，开启一段跨越时空的科学之旅！",
      price: 69.9,
      image: "blindbox",
      category: "collection",
      sales: 423,
      isNew: true,
    },
    {
      id: 14,
      name: "墨枢·墨小子盲盒",
      description:
        "为基础，融合了传统与现代的设计元素。每一款盲盒都独具匠心，细节丰富，无论是衣袍上的纹理，还是手中的平面镜，都展现了设计师的巧思。墨小子不仅是收藏爱好者的心头好，更是送给小朋友学习物理知识的绝佳礼物。快来淘宝抢购，让墨小子陪你一起探索科学的奥秘吧！",
      price: 69.9,
      image: "blindbox",
      category: "collection",
      sales: 423,
      isNew: true,
    },
    {
      id: 15,
      name: "墨枢·徐小启盲盒",
      description:
        "徐小启盲盒：这款手办以古代物理学家徐光启为原型，精雕细琢，每一个细节都充满了历史的厚重感。徐小启身着传统服饰，手持物理著作，仿佛在向你传授古老的科学智慧。无论是作为收藏品还是教育工具，徐小启盲盒都是不容错过的选择。快来淘宝，把这位古代物理学家带回家吧！",
      price: 69.9,
      image: "blindbox",
      category: "collection",
      sales: 423,
      isNew: true,
    },
    {
      id: 16,
      name: "墨枢·沈小括盲盒",
      description:
        "沈小括盲盒：这款手办以古代物理学家沈括为原型，精心打造，每一个细节都透露着浓厚的学术气息。沈小括身着古装，手持著作，仿佛在向你传授千年的物理奥秘。无论是作为收藏珍品还是学习良伴，沈小括盲盒都是你不可错过的选择。快把这位古代物理学家带回家，让智慧的光芒照亮你的生活！",
      price: 69.9,
      image: "blindbox",
      category: "collection",
      sales: 423,
      isNew: true,
    },
    {
      id: 17,
      name: "墨枢·张小衡盲盒",
      description:
        "张小衡盲盒：探索科学奥秘，感受历史魅力！这款张小衡盲盒以古代科学家为灵感，将物理学的智慧与现代设计完美融合。每个盲盒内含一个精致的手办，造型独特，细节丰富，仿佛张小衡穿越时空来到你的身边。除了手办外，还可能随机附赠张小衡的科学笔记卡片，带你领略古代科学的奇妙世界。包装设计充满科技感和历史感，是收藏与展示的不二之选。无论是作为礼物还是自留品，这款盲盒都能带给你无限的惊喜与知识。快来开启你的盲盒之旅，发现更多惊喜与知识！",
      price: 69.9,
      image: "blindbox",
      category: "collection",
      sales: 423,
      isNew: true,
    },
  ];
  let related = [
    { name: "DMA介绍", to: "/otherIntroduce", count: "2352" },
    { name: "关于价格", to: "/price", count: "7352" },
    { name: "问题解决", to: "/problem", count: "352" },
    { name: "DMA科技", to: "/work", count: "2356" },
  ];

  let roomid = [31989192, 8206993, 21853962, 21853960, 21853965];
  let record = ref(["备注:甜妹", "", "备注:编程", "", ""]);
  let addRecord = () => {
    record.value.push("x");
  };

  const data = `[ti:把回忆拼好给你]
  [ar:王贰浪]
  [al:自定义]
  [by:]
  [offset:0]
  [00:00.000] 歌曲 : 把回忆拼好给你
  [00:00.706] 作曲 : 童子-T
  [00:01.412] 编曲 : 闫津
  [00:02.120]采样曲：願い~あの頃のキミへ~
  [00:12.150]中文填词：一只然
  [00:15.230]OP（原属词曲版权公司）：テレビ東京ミュージック 东京电视台音乐
  [00:19.490]本作品经过原词曲作者以及版权公司授权
  [00:22.610]
  [00:27.800]我们之间的回忆
  [00:30.550]全部都小心地收集
  [00:33.670]我总是偷偷地哭泣
  [00:36.560]像倦鸟失了归期
  [00:39.600]
  [00:39.870]但愿我相信的爱情
  [00:42.520]结局紧握在我手心
  [00:45.300]时光匆匆却没有遗失过去
  [00:53.220]
  [00:55.250]希望我们 有光明的未来
  [00:58.020]还有能够装下星空的期待
  [01:00.927]可现实为何让我感到如此懈怠
  [01:04.049]总怀念相遇时我们无视落叶和人海
  [01:07.378]
  [01:07.658]是你让我勇敢不再像颗尘埃
  [01:10.378]是你常帮我照料装着梦的盆栽
  [01:13.250]每一天我们都是如此愉快
  [01:16.048]一直到天色渐晚看着落日无奈离开
  [01:19.429]
  [01:19.649]我知道你爱集邮爱笑甚至爱发呆
  [01:22.390]我知道你怕草虫还有夜晚的妖怪
  [01:25.349]我喜欢你有一点心不在焉的状态
  [01:28.530]看起来像个回到七岁时候的小孩
  [01:31.369]
  [01:31.640]该如何将我这份感情向你告白
  [01:34.119]喜欢却又不敢爱
  [01:35.690]直到整个宇宙
  [01:37.569]在为我焦虑失神慌张之中醒来
  [01:40.330]就像是黑暗过后黎明盛开
  [01:42.309]
  [01:42.747]我们之间的回忆
  [01:45.470]全部都小心地收集
  [01:48.390]我总是偷偷地哭泣
  [01:51.470]像倦鸟失了归期
  [01:54.289]但愿我相信的爱情
  [01:57.280]结局紧握在我手心
  [02:00.319]时光匆匆却没有遗失过去
  [02:07.929]
  [02:18.738]那天你在雨后街角答应接受我的爱
  [02:22.389]那一刻我的世界有了色彩
  [02:25.330]这一生无法忘记关于澄蓝色的你
  [02:28.367]像一份礼物悄然呈现在我的境遇
  [02:31.217]我们从清晨起玩一整天游戏
  [02:34.367]到夜晚一起看我最爱的剧
  [02:37.378]能够拥有这些已足够幸运
  [02:40.210]我已经不再期待其他什么东西
  [02:43.378]
  [02:43.669]我们也经常争执互相不接电话
  [02:46.449]在同一房间终于呼叫冷漠抵达
  [02:49.360]也曾想过以后生活没有人牵挂
  [02:52.187]把爱扔掉只剩一块残酷伤疤
  [02:55.378]
  [02:55.669]而那些你送我的梦，教我折的花
  [02:58.818]逃亡的盛夏
  [03:00.277]在夜空隐没之际为我点燃烟花
  [03:02.987]寂寞时让我把快乐拼起来吧
  [03:06.229]
  [03:06.508]我们之间的回忆
  [03:09.367]全部都小心地收集
  [03:12.307]我总是偷偷地哭泣
  [03:15.318]像倦鸟失了归期
  [03:18.288]但愿我相信的爱情
  [03:21.229]结局紧握在我手心
  [03:24.229]时光匆匆却没有遗失过去
  [03:30.038]
  [03:30.867]我们可以就像是孩子一样成长
  [03:36.490]永远无所畏惧义无反顾向着未知的前方
  [03:42.639]原来我们每天努力长成看似大人的模样
  [03:48.729]为了可以一起跨越山和海洋
  [03:54.080]那时的我每天都祈祷 实现这个梦想
  [04:01.508]
  [04:01.818]现在的你还好吗
  [04:03.848]是否还会像从前一样的爱笑
  [04:07.419]现在的你还好吗
  [04:09.729]当你径直在我面前坦言放下
  [04:13.318]现在的你还好吗
  [04:15.628]是否像从前一样有无限的温柔啊
  [04:19.449]现在的你还好吗
  [04:22.420]愿你能保持月亮般的心，要爱自己啊
  [04:27.600]
  [04:27.800]我们之间的回忆
  [04:30.278]全部都小心地收集
  [04:33.290]我总是偷偷地哭泣
  [04:36.278]像倦鸟失了归期
  [04:39.309]
  [04:39.577]但愿我相信的爱情
  [04:42.119]结局紧握在我手心
  [04:45.059]时光匆匆却没有遗失过去
  [04:51.660]
  [04:51.920]独自收集两个人之间的回忆
  [04:54.629]即使每当到这时候我都会哭泣
  [04:57.610]为何一切，变得如此，无法回到过去
  [05:03.720]
  [05:03.987]但我仍愿意感谢你给过我爱情
  [05:06.559]每一场风景都是我们爱的证明
  [05:09.660]就算如今，天各一方，祝你余生动听啊
  [05:15.749]
  [05:15.898]独自收集两个人之间的回忆
  [05:18.600]即使每当到这时候我都会哭泣
  [05:21.819]为何一切，变得如此，无法回到过去
  [05:27.569]
  [05:27.800]但我仍愿意感谢你给过我爱情
  [05:30.629]每一场风景都是我们爱的证明
  [05:33.610]就算如今，天各一方，把回忆拼好给你
  [05:47.619]
  [05:50.499]企划：谢宇航 / 牛雪吟 / 裘小静
  [05:55.040]制作人：王佳依
  [05:58.379]监制：姚政
  [06:04.509]录音：陈程
  [06:08.379]缩混：陈程
  [06:11.350]封面设计：刘馨宇
  [06:15.648]网易云音乐特别企划"听，海风"
  [06:17.999]
  [99:00.010]本歌曲来自〖网易音乐人〗
  [99:00.020]10亿现金激励，千亿流量扶持！
  `;
  function parseBody(body) {
    const data = [];

    body.forEach((item) => {
      const parseData = item.split("]");
      const time = parseData[0].substring(1).split(":");

      data.push({
        time: parseInt(time[1]).toFixed(2),
        text: parseData[1],
      });
    });

    return data;
  }
  function parse(data) {
    const parseData = data.split("\n");
    const sliceIndex = parseData.findIndex((elm) => elm === "[offset:0]");
    const body = parseBody(parseData.slice(sliceIndex + 1));
    return body;
  }
  const cultureArray = [
    {
      name: " 人物：智启物理",
      txt: " 简介：中国古代物理人物在科学史上留下了光辉的印记，其中墨子是最早系统研究物理现象的学者之一，他在《墨经》中探讨了力学、光学和声学等多个领域，为中国古代物理学奠定了基础。宋代科学家沈括在《梦溪笔谈》中记录了大量物理现象和实验，包括光学、声学和磁学等方面的观察和思考，成为中国古代科学的重要文献。",
    },
    {
      name: "自然现象：自然灵韵",
      txt: " 简介：中国古代对物理自然现象的观察和理解源远流长，古代科学家通过细致的观察和实   践积累了大量关于天文、气象、地磁、声学等方面的知识。例如，在天文学方面，中国古代对日月食、行星运动等天文现象进行了长期观测，并编制了精确的历法；在气象学方面，通过对云、雨、风、雷等天气现象的观察，总结出许多气象规律；在地磁学方面，指南针的发明和应用展示了对地磁现象的深刻理解。",
    },
    {
      name: "机械装置：匠心奇械",
      txt: "简介：中国古代物理机械装置在古代科技史上占据重要地位，展现了古代工匠的智慧和创造力。早在春秋战国时期，就出现了如指南车、记里鼓车等复杂的机械装置，体现了对齿轮、杠杆等基本机械原理的应用。到了汉代，张衡发明的地动仪利用了机械振动原理来检测地震方向，是古代机械装置的杰出代表。此外，中国古代还发明了水车、风车、纺车等多种机械设备，广泛应用于农业和手工业生产。",
    },
  ];
  const parseData = parse(data);

  const avatarOptions = [
    "https://epoch.jxksd.top/mo/images/tx0.png",
    "https://epoch.jxksd.top/mo/images/tx1.png",
    "https://epoch.jxksd.top/mo/images/tx2.png",
    "https://epoch.jxksd.top/mo/images/tx3.png",
    "https://epoch.jxksd.top/mo/images/tx4.png",
  ];
  const avatarDec = [
    {
      name: "墨枢·宋小星",
      description:
        "宋应星（1587年—约1666年），字长庚，江西奉新人，明代著名科学家、农学家和思想家。他自幼聪颖，早年科举屡试不第，后转向实学，游历各地考察民生工艺，晚年隐居著述。其代表作《天工开物》系统总结了明末农业、手工业技术，被誉为中国17世纪的工艺百科全书，另著有《论气》《谈天》等科学著作，展现了朴素的唯物主义思想，对后世科技发展影响深远。",
    },
    {
      name: "墨枢·墨小子",
      description:
        "墨子（约前470—前391），名翟，战国初期思想家、政治家，墨家学派创始人。出身平民，精通手工技艺，早年学儒后自创墨家，主张兼爱非攻尚贤节用，反对战争与奢侈。他带领弟子奔走列国，以逻辑辩论和防御战术闻名，曾成功阻止楚国攻宋。墨家组织严密，崇尚实践，与儒家并称显学。其思想载于《墨子》，包含哲学、科学、军事等内容，对中国逻辑学与工程技术有重要贡献。",
    },
    {
      name: "墨枢·徐小启",
      description:
        "徐光启（1562—1633），明代著名科学家、农学家、政治家，字子先，号玄扈，上海人。他早年科举入仕，官至礼部尚书兼文渊阁大学士，晚年致力于科学研究，与意大利传教士利玛窦合作翻译《几何原本》，引入西方数学知识，并编撰《农政全书》系统总结中国农业技术，推动中西文化交流，被誉为中国近代科学先驱。",
    },
    {
      name: "墨枢·沈小括",
      description:
        "沈括（1031—1095），字存中，号梦溪丈人，北宋著名科学家、政治家。他博学多才，在天文、数学、地理、物理、化学、医学等领域均有卓越贡献，代表作《梦溪笔谈》被誉为中国科学史上的里程碑。他参与王安石变法，历任提举司天监、翰林学士等职，晚年退居润州梦溪园潜心著述。其科学成就领先时代，如发现地磁偏角、提出石油命名等，展现了宋代科技的高度。",
    },
    {
      name: "墨枢·张小衡",
      description:
        "张衡（78年－139年），字平子，东汉著名科学家、文学家，南阳西鄂（今河南南阳）人。他精通天文、数学、机械制造，发明了世界最早的地动仪（候风地动仪）和浑天仪，提出浑天说，著有《灵宪》《算罔论》等科学著作；文学上以《二京赋》著称，擅长辞赋。曾任太史令，晚年任尚书，因病逝世。因其卓越贡献被后世尊为科圣，国际天文学联合会将月球背面一环形山命名为张衡山",
    },
  ];
  const maskInfos = [
    {
      name: "朱焰神将（张飞）",
      colors: ["#FF4444", "#FF8800", "#FFCC00"],
      symbol: "力量与正义，如同火焰般炽热，能够净化邪恶，守护民众平安。",
      story: "朱焰神将灵感源自三国时期猛将张飞，其勇猛无畏如同熊熊燃烧的火焰，",
    },
    {
      name: "智韵道人（王阳明）",
      colors: ["#FFCC00", "#FFFFFF", "#8B4513"],
      symbol: "智慧与道德的光辉，指引人们走向内心的平和与社会的和谐。",
      story:
        "智韵道人形象融合了明代大儒王阳明的智慧与道德精神，被视为智者与道德的化身。",
    },
    {
      name: "福佑鬼王（天罡星黄天祥）",
      colors: ["#FFCC00", "#FF4444", "#FFFFFF"],
      symbol: "福佑与神圣的结合，庇护人们免受邪恶侵扰，赐予好运与幸福。",
      story:
        "福佑鬼王融合了古代鬼神崇拜与祈福活动的元素，被视为能够带来福佑与神圣力量的神灵。",
    },
    {
      name: "纹彩神君（蔡伦）",
      colors: ["#FF8800", "#44BB00", "#FFFFFF"],
      symbol: "生命之树常青，带来好运与幸福，寓意自然界的生机盎然。",
      story:
        "纹彩神君灵感来源于东汉时期的造纸术发明者蔡伦，他被视为生命与繁荣的象征。",
    },
    {
      name: "麒麟献瑞（瑞兽麒麟）",
      colors: ["#000000", "#FF8800", "#FF4444"],
      symbol: "吉祥、瑞气与和平的象征，带来好运与成功。",
      story:
        "麒麟献瑞面具灵感来源于中国古代文化中的吉祥瑞兽麒麟，它象征着吉祥、瑞气与和平。",
    },
  ];
  const steparr = [
    {
      title: "选材",
      content: "选取樟木或者白杨木尽量选择偏干的木头",
    },
    {
      title: "取材",
      content: "选取合适木材截成大小适宜的木板 ",
    },
    {
      title: "画形",
      content: "拿特定油彩在木块，运用不同大小的刻上勾勒出大概轮廓",
    },
    {
      title: "雕刻",
      content: "分为粗雕和细雕。粗雕是将面具的五官及基本轮廓雕刻出来.",
    },
    {
      title: "打磨",
      content:
        "色彩一般根据人物特征和性格来选择，如鲜艳的颜色常用于象征权力和尊贵。然后上光油开光。",
    },
    {
      title: "上色",
      content: "用各色鲜艳回执面具图案",
    },
    {
      title: "使用",
      content: "上台表演尽显风采",
    },
  ];
  let word = ref();

  // 积分相关状态
  const prizeHistory = ref([]); // 中奖历史

  // 添加中奖记录
  const addPrizeHistory = (prize) => {
    const record = {
      name: prize.name,
      userName: prize.userName,
      time: prize.time || new Date().toLocaleString(),
    };
    prizeHistory.value.unshift(record);
    // 保存到本地存储
    uni.setStorageSync("prize_history", prizeHistory.value);
  };

  // 初始化时从本地存储加载数据
  const initPrizeHistoryData = () => {
    const savedHistory = uni.getStorageSync("prize_history");
    if (savedHistory) {
      prizeHistory.value = savedHistory;
    }
  };

  // 调用初始化
  initPrizeHistoryData();

  // 方法：根据标题获取发明索引
  const getInventionIndex = (title) => {
    if (!title) return -1;

    return currentInvention.value.findIndex((item) => item.title === title);
  };

  // 方法：设置当前选中的发明
  const setCurrentInvention = (invention) => {
    if (invention && invention.title) {
      selectedInvention.value = { ...invention };
      return true;
    }
    return false;
  };

  // 当前选中的发明
  const selectedInvention = ref({
    title: "",
    description: "",
    details: {
      fullDescription: "",
      sections: [],
    },
  });

  return {
    parseData,
    services,
    word,
    roomid,
    record,
    startstatus,

    progress,
    progressStatus,

    hrefs2,
    hrefs3,
    color,
    changecolor,

    pushFrequency,
    hrefs4,
    giantsList,
    related,
    navVisible,
    navClick,
    Invention,
    maskInfos,
    addRecord,
    mywidth,
    musicword,
    cultureArray,
    footerNavs,
    products,
    steparr,
    avatarOptions,
    prizeHistory,
    addPrizeHistory,
    getInventionIndex,
    setCurrentInvention,
    selectedInvention,
    avatarDec,
  };
});
